::v-deep {
  .el-input__inner {
    border-radius: 12px;
  }
}

.fullWidth {
  width: 1600px !important;
  transition: all 1s !important;
}

.business-content-wrap {
  display: flex;
  align-items: flex-start;

  .left-box {
    box-sizing: border-box;
    width: 1284px;
    min-height: 986px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 3px 0px 24px 0px rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    box-sizing: border-box;
    padding-bottom: 20px;
    transition: all 1s !important;

    .left-box-title {
      width: 100%;
      padding: 30px 0;
      background: #f4f4f4;
      border-radius: 20px 20px 0px 0px;
      font-size: 20px;
      font-family:
        PingFang SC,
        PingFang SC-Bold;
      font-weight: 700;
      color: #333333;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    // .search-box-wrap {
    //   width: 100%;
    //   padding: 0 30px;
    //   height: 88px;
    //   box-sizing: border-box;
    //   display: flex;
    //   align-items: center;
    //   gap: 20px;

    //   .betweenTime-box {
    //     .date-picker {
    //       width: 258px;
    //       border-radius: 12px;
    //     }

    //     .betweenTime-text {
    //       font-size: 16px;
    //       font-family:
    //         PingFang SC,
    //         PingFang SC-Regular;
    //       font-weight: 400;
    //       color: #333333;
    //       margin-left: 20px;
    //       margin: 20px;
    //     }
    //   }

    //   .payMethod-box {
    //     display: flex;
    //     align-items: center;

    //     .payMethod-text {
    //       font-size: 16px;
    //       font-family:
    //         PingFang SC,
    //         PingFang SC-Regular;
    //       text-align: left;
    //       color: #333333;
    //       margin-right: 13px;
    //     }
    //   }

    //   .search-input-box {
    //     width: 300px;
    //     height: 40px;
    //     border: 1px solid #d2d2d2;
    //     border-radius: 25px;
    //     box-sizing: border-box;
    //     display: flex;
    //     align-items: center;
    //     padding-left: 30px;
    //     margin-left: 20px;

    //     .search-icon {
    //       flex-shrink: 0;
    //       width: 24px;
    //       height: 24px;
    //     }

    //     .input {
    //       border: none;
    //       outline: none;
    //       width: 190px;
    //       font-size: 16px;
    //       font-family:
    //         PingFang SC,
    //         PingFang SC-Regular;
    //       font-weight: 400;
    //       text-align: left;
    //       color: #333;
    //       margin-left: 10px;
    //     }

    //     > .input::-webkit-input-placeholder {
    //       font-size: 12px;
    //       line-height: 30px;
    //     }
    //   }
    // }

    .search-box-wrap {
      margin-top: 20px;
      padding: 0 30px;
      width: 100%;
      display: flex;
      align-items: center;
      gap: 20px;
      // justify-content: space-between;
      box-sizing: border-box;

      .betweenTime-box {
        .date-picker {
          width: 258px;
          border-radius: 12px;
        }

        // margin-right: 30px;
        .betweenTime-text {
          font-size: 16px;
          font-family: PingFang SC, PingFang SC-Regular;
          font-weight: 400;
          color: #333333;
          margin-left: 20px;
          margin: 20px;
        }
      }

      .payMethod-box {
        display: flex;
        align-items: center;

        .payMethod-text {
          font-size: 16px;
          font-family: PingFang SC, PingFang SC-Regular;
          text-align: left;
          color: #333333;
          margin-right: 13px;
        }
      }

      .search-input-box {
        width: 300px;
        height: 40px;
        border: 1px solid #d2d2d2;
        border-radius: 25px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        padding-left: 20px;
        margin-left: 30px;

        .search-icon {
          flex-shrink: 0;
          width: 24px;
          height: 24px;
        }

        .input {
          border: none;
          outline: none;
          width: 230px;
          font-size: 16px;
          font-family: PingFang SC, PingFang SC-Regular;
          font-weight: 400;
          text-align: left;
          color: #333;
          margin-left: 10px;
        }

        // >.input::-webkit-input-placeholder {
        //     font-size: 14px;
        // }
      }
    }

    .table-wrap {
      width: 100%;
      padding:20px 30px 30px 30px;
      border-radius: 0px 0px 0px 20px;
      box-sizing: border-box;
      transition: all 1s;
    }

    .table-total {
      font-size: 14px;
      font-family:
        PingFang SC,
        PingFang SC-Regular;
      font-weight: 400;
      color: #333333;
      padding: 0 30px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 10px;
      width: 100%;
      box-sizing: border-box;
    }

    .data-summary-box {
      width: 100%;
      display: flex;
      justify-content: space-between;
      box-sizing: border-box;
      align-items: center;
      margin-top: 20px;
      padding-left: 30px;
      padding-right: 30px;

      .summary-text {
        font-size: 14px;
        font-family:
          PingFang SC,
          PingFang SC-Regular;
        font-weight: 400;
        color: #30314a;
      }

      .sumary-btn-group {
        display: flex;
        justify-content: space-around;
        align-items: center;

        .print {
          width: 120px;
          height: 52px;
          background: #ffffff;
          border: 1px solid #333333;
          border-radius: 12px;
          font-size: 18px;
          font-family:
            PingFang SC,
            PingFang SC-Regular;
          font-weight: 400;
          color: #333333;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          margin-left: 40px;
        }

        .cancel {
          width: 120px;
          height: 52px;
          margin-left: 40px;
          cursor: pointer;
          background: #ffffff;
          border: 1px solid #333333;
          border-radius: 12px;
          font-size: 18px;
          font-family:
            PingFang SC,
            PingFang SC-Regular;
          font-weight: 400;
          color: #333333;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
    }
  }

  .right-box {
    margin-left: 30px;
    transition: all 1s;
  }
}

.search-btn {
  width: 96px;
  height: 40px;
  background: #7c0a03;
  border-radius: 12px;
  font-size: 18px;
  font-family:
    PingFang SC,
    PingFang SC-Regular;
  font-weight: 400;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 30px;
}
